<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆</title>
    
    <link rel="stylesheet" href="./css/login.css">
   
   
</head>

<body>
    <div class="header">
        <a href="#">
            <img src="./img/loginLogo.png" alt="头部图片" />
        </a>
        <p>欢迎登录</p>
    </div>
    <!-- 中间 -->
    <div class="content">
        <div class="main">
            <div class="leftBox">
                <div class="backdrop">
                    <img src="./img/loginBannerImg.png" alt="背景图片左" />
                </div>
            </div>
            <div class="rightBox">
                <div class="login-box">
                    <ul class="tab">
                        <li class="tableft">
                            <a href="#" id="link_reg">扫码登陆</a>
                        </li>
                        <li class="tabright">
                            <a href="#" id="link_login">账户登陆</a>
                        </li>
                    </ul>
                    <div class="mainrightmain">
                        <div class="zhong">
                            <p><img src="./img/login/GetQR.gif" alt="" /></p>
                            <span>打开中酒网App</span>
                            <span>扫描二维码</span>

                        </div>
                        <span class="saoimg">
                            <img src="./img/sao_2.png" alt="" />
                        </span>
                    </div>
                    <div class="weibo">
                        <a href="#">
                            <img src="./img/login/icon-weibo.png" alt="">
                            <span>微博</span>

                        </a> <span style="color: #1f1f1f;">|</span>
                        <a href="#">
                            <img src="./img/login/icon-weixin.png" alt="">
                            <span>微信</span>
                        </a>
                        <span style="color: #1f1f1f;">|</span>
                        <a href="regsiter.html">
                            <span>立即注册</span>
                        </a>
                    </div>
                </div>
                <!-- ------------------用户登录------------------------------ -->
                <div class="reg-box">
                    <ul class="tab">
                        <li class="tableft">
                            <a href="#" id="link_reg1">扫码登陆</a>
                        </li>
                        <li class="tabright">
                            <a href="#" id="link_login1">账户登陆</a>
                        </li>
                    </ul>

                    <div class="biaodan">
                        <div class="inputbox">
                            <div class="icobox">
                                <img width="16" src="	https://www.zhongjiu.cn/Areas/Web/Images/icon-user.png" alt="">
                            </div>
                            <input type="text" name="text" placeholder="请输入用户名" id="txt">
                        </div>
                        <div class="inputbox">
                            <div class="icobox">
                                <img width="16" src="	https://www.zhongjiu.cn/Areas/Web/Images/icon-lock.png" alt="">
                            </div>
                            <input id="password" type="password" name="password" placeholder="请输入密码">
                        </div>
                        <div class="loginsubmit">登陆</div>
                    </div>
                    <div class="text">
                        <p>短信验证码登陆</p>
                        <a>忘记密码</a>
                    </div>


                    <div class="weibo">
                        <a href="#">
                            <img src="./img/login/icon-weibo.png" alt="">
                            <span>微博</span>

                        </a> <span style="color: #1f1f1f;">|</span>
                        <a href="#">
                            <img src="./img/login/icon-weixin.png" alt="">
                            <span>微信</span>
                        </a>
                        <span style="color: #1f1f1f;">|</span>
                        <a href="#">
                            <span>立即注册</span>
                        </a>
                    </div>
                </div>

            </div>

           
        </div>
        <!-- 底部 -->
        <div class="dibu">
            <div class="dibuwenzi">Copyright © 2021 中酒网 版权所有</div>
        </div>
        <!-- 底部结束 -->
    </div>
    <!-- 倒入js -->
    <script src="./js/jquery.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/regsiter.js"></script>

    </div>


</body>

</html>